@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px;}
.clear{clear:both;height:0;overflow:hidden; font-size:0px;}
.clear10{height:10px;overflow:hidden;clear:both;}
.clear20{height:20px;overflow:hidden;clear:both;}
.clear30{height:30px;overflow:hidden;clear:both;}
.clear40{height:40px;overflow:hidden;clear:both;}
@media screen and (min-width: 200px) and (max-width: 1199px) {body{ width:1500px; }}
ol,ul,li{list-style:none outside none;}
a{color:#000;  text-decoration:none}
a img{border:0 none;}
a:hover{ color: #666666}
table,tr,td,th{border-collapse:collapse;padding:0; margin:0;}
img{vertical-align: middle;}
         h2,h3,p{orphans:3;widows:3}
 h2,h3{page-break-after:avoid}
         .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
 .h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}
 .h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}
 .h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}
 .h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}
 .h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}
 .h1,h1{font-size:36px}
 .h2,h2{font-size:30px}
 .h3,h3{font-size:24px}
 .h4,h4{font-size:18px}
 .h5,h5{font-size:14px}
 .h6,h6{font-size:12px}
/*input,textarea{padding:0 2px; resize:none;}*/
.box{ width:1000px; margin:0px auto; text-align:left; overflow:hidden}
.m1200{ width:1200px; margin:0px auto; text-align:left; overflow:hidden}
.main{ width:1100px; margin:0px auto; text-align:left; overflow:hidden}
.main22{ width:1200px; margin:0px auto;  overflow:hidden}
.m1230{ width:1230px; margin:0px auto; overflow:hidden}
.fl{ float:left;}
.fr{ float:right;}
.padding{ padding:10px;}
.info{ line-height:28px; text-align:left; }
.color{ color:#3c90f3; font-size:16px; font-weight:bold}
a:hover{text-decoration:none;}
.m400{ width:400px; float:left}
header{ height:100px; background:#33c2a5;}
.logo{ margin-top:13px; float:left}
.nav{ width:600px; float:left; margin-left:50px;}
.nav ul li{ width:100px; float:left; text-align:center}
.nav ul  li a{ width:100px; height:100px; line-height:100px; color:#fff; font-size:16px; display:block}
.nav ul  li a:hover{ background:url(../images/navhover.png) center bottom no-repeat; text-decoration:none}
.nav ul  li .active{ background:url(../images/navhover.png) center bottom no-repeat;}

.searchbox{ background:url(../images/searchbox.png) center center no-repeat; float:right; width:243px; height:33px; margin-top:33px;}
.searchInput{ width:199px; float:left; height:33px; line-height:33px; background:none; border:0px; padding-left:10px;}
.searchButton{ width:44px; float:left; height:33px; background:none; border:none;}

.indTit{ text-align:center; color:#666; margin:50px 0px;}
.indTit H2{}
.indTit H2 SPAN{ border-bottom: 1PX solid #CCC; padding-bottom:5px;}
.indTit P{ text-transform:capitalize}

.aboutTit{ color:#666; margin:50px 0px 15px 0;}
.aboutTit H2{}
.aboutTit H2 SPAN{ border-bottom: 1PX solid #CCC; padding-bottom:5px;}
.aboutTit P{ text-transform:capitalize}



.serviceico{ width:56px; height:56px; position:absolute ; left:45%; top:30%; display:none;transition:all 0.8s}

.serviceMore{ width:100%; text-align:center; line-height:30px; display:block; height:30px; margin-top:10px; border:1px solid #dedede; color:#777}
.serviceBox{ padding:0px 30px;transition:all 0.8s}
.serviceimg{ width:100%; transition:all 0.8s}
.serviceDesc{ color: #999; font-size:12px; line-height:24px}
.serviceBox h1{ color:#33c2a5; font-size:24px;margin: 15px 0px;}
.serviceBox h1 span{ float:right; font-size:14px; color:#b3b3b3; text-transform:uppercase;    font-weight: 200;}
.serviceBox h5{ color:#333; font-size:18px}

.serviceBox:hover .serviceMore{ background:#33c2a5; border:#33c2a5; color:#fff}
.serviceImg{ width:100%; height:295px; overflow:hidden}
/*.serviceBox:hover  .serviceimg{ transform:scale(1.2) }*/
.serviceBox:hover { padding:0px 10px;}

.serviceBox:hover .serviceico{ display:block}

.aboutBox{ background:url(../images/aboutbg.jpg) no-repeat center center; height:623px; overflow:hidden; margin:50px 0;}
.aboutRight{ width:700px; float:right; margin-right:60px;}
.aboutDesc{ line-height:2em;}
.aboutMore{color:#33c2a5; float:right; }

.newsLeft{ width:430px; float:left}
.newsLine{ background:#33c2a5; height:2px; width:100px; margin:28px auto }
.newsImg{ width:430px; height:160px; overflow:hidden}
.newsImg img{box-shadow:5px 2px 6px #000 inset;transition:all 0.8s}
.newsLeft:hover img{ transform:scale(1.1)}
.newsTit{color:#666; font-size:18px; line-height:42px;}
.newsDesc{ line-height:1.5em; color:#999}

.newsLineT{ width:2PX; height:150px; float:left;background:#33c2a5; margin:50px 90px;}

.newsRight{ width:580px; float:right}
.newsRight li{ overflow:hidden; padding:15px;}
.newsRight li:hover{ background:#33c2a5; color:#fff}
.newsRight li:hover .newsTit{color:#fff}
.newsRight li:hover .newsDesc{color:#fff}
.newDate{ width:135px; float:left}
.newDate h2{}
.newDate p{}
.newsInfo{ width:415px; float:right}

.footTop{ background:#e6e6e6; padding:15px 0px; width:100%; text-align:center}

footer{ background:#33c2a5; overflow:hidden; padding:22px 0px; width:100%; color:#fff}
footer a{ color:#fff}
.footeUL{ float:left; height:140px; margin-top:25px; width:250px; background:url(../images/line.jpg) no-repeat top right;}
.footeUL h2{ font-size:18px; margin-top:0px; padding:0px;}
.line{ background:#aedbd2; height:1px; clear:both; width:100%; overflow:hidden}


.footbot{ line-height:60px;}
.footbot span{ margin:0px 42px}
.footbot img{ margin-left:10px;}


.m1500{ width:1500px; margin:0px auto; overflow:hidden}
.protit{  text-align:center; width:100%; margin:32px 0px;}

.Featuresbox{ width:272px; float:left; text-align:center; margin-right:35px;}
.FeaturesLine{ background:#33c2a5; width:70px; height:2px; overflow:hidden; margin:20px auto}

.protit span{ color:#33c2a5; border-bottom:2px solid #33c2a5; font-size:24px; padding:10px }

.performanceBox{ background:url(../images/performancebg.jpg) center  top no-repeat; margin-top:42px;}
.performanceBoxprotit { text-align:center; padding:50px 0px}
.performanceBoxprotit span{color:#fff; border-bottom:2px solid #fff; font-size:24px; padding:10px}

.performanceinfo{width:1256px; height:315px; margin:0px auto; background:url(../images/performancebg.png) no-repeat center center}
.performanceinfo ul li{text-align: center;
    width: 190px;
    float: left;
    margin: 70px 25px 0px 25px;}

.performanceinfo ul li h6{ color:#33c2a5; font-size:18px; line-height:32px;}
.performanceinfo ul li p{    line-height: 1.5em;
    color: #999; width:120px; margin:0px auto}
	
	.xiaochengxu{ width:718px; text-align:center; margin-top:150px;}
	
.package{ background:#33c2a5; overflow:hidden}
.packagetit{ text-align:center;margin:40px 0px 60px 0px; width:100%}
.packagetit span{color:#fff; border-bottom:2px solid #fff; font-size:24px; padding:10px}

.package ul li{ width:400px; float:left; text-align:center; color:#fff}
.packageline{ width:80px; height:2px; background:#fff;  margin:35px  auto;}
.packagetit{ font-size:20px}
.parameter{ background:#f5f5f5; overflow:hidden; padding:50px 0}
.parameterimg{ width:680px; margin:50px auto}

.InstructionsInfo{ margin:50px 0px;}
.InstructionsUl li{  }
.InstructionsUl li h2{color:#33c2a5; border-left:3px solid #33c2a5; padding-left:15px;}
.InstructionsUl li p{ line-height:2em; padding-left:110px;}

.Saleleft{ width:290px;color:#33c2a5; font-size:30px; float:left}
.SaleRight{ width:910px; line-height:2em; float:right}
.Sale{ clear:both; margin:38px 0px; overflow:hidden}

.aboutleft{ width:47%; float:left}
.aboutInfoRight{ float:right; width:47%; line-height:2em;}
.aboutInfoBox{ overflow:hidden;}
.aboutinfoLine{ background:#33c2a5; width:200px; height:5px; margin-top:50px;}

.aboutInfoTxt{ padding: 0 50px 0 0;}

/*发展历程*/
.SectionBg{height:551px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.HistorySlide{color: #fff;padding-bottom: 10%;}
.HistorySlide .bd{position: relative;padding: 0px 42px; margin: 2% 0px 3%;}
.HistorySlide .bd li .cont{max-width: 920px;margin: 0 auto;}
.HistorySlide .bd li .p{font-size: 16px;line-height: 30px;padding: 23px 0;}
.HistorySlide .bd .bx-prev,.HistorySlide .bd .bx-next{display: block;width: 49px;text-indent: 49px;overflow: hidden; height: 49px;position: absolute;top: 50%;margin-top: -28px;}
.HistorySlide .bd .bx-prev{left: 0;background: url(../images/prev_history1.png) no-repeat;}
.HistorySlide .bd .bx-next{right: 0;background: url(../images/next_history1.png) no-repeat;}
.HistorySlide .hd{position: relative;padding: 0 15px; background: url(../images/line_history.png) repeat-x center;}
.HistorySlide .hd .bx-wrapper{margin: 0 auto;}
.HistorySlide .hd .bx-pager{display: none;}
.HistorySlide .hd li{height: 108px;padding: 42px 0; position: relative;}
.HistorySlide .hd li a{display: block; width: 24px;height: 24px;margin: 0 auto;background: url(../images/dot_history1.png) no-repeat center;}
.HistorySlide .hd li span{position: absolute;width: 100%;left: 0;bottom:0;text-align: center; font-size: 16px;color: #fff;line-height: 1em; }
.HistorySlide .hd li.year a{background-image: url(../images/dot_history2.png);}
.HistorySlide .hd li.year span{font-size: 26px;}
.HistorySlide .hd li.up span{top: 0;bottom: auto;}
.HistorySlide .hd li.on a{background-image: url(../images/dot_history2on.png);}
.HistorySlide .hd li.year.on a{background-image: url(../images/dot_history2on.png);}

.HistorySlide .hd .bx-prev,.HistorySlide .hd .bx-next{display: block;width: 11px;text-indent: 11px;overflow: hidden; height: 19px;position: absolute;top: 50%;margin-top: -9.5px;}
.HistorySlide .hd .bx-prev{left: 0;background: url(../images/prev_history2.png) no-repeat;}
.HistorySlide .hd .bx-next{right: 0;background: url(../images/next_history2.png) no-repeat;}
/*发展历程 end*/

.newsClassUl { margin:60px auto; overflow:hidden; height:50px;}
.newsClassUl li{ width:135px; float:left; font-size:24px; font-weight:bold;}
.newsClassUl li a{ color:#b3b3b3; border-bottom:3px solid #b3b3b3; padding-bottom:10px; }
.newsClassUl li a:hover{ color:#33c2a5; border-bottom:3px solid #33c2a5; text-decoration:none;}
.newsClassUl li .active{ color:#33c2a5; border-bottom:3px solid #33c2a5}

/*新闻列表*/
.NewsList li{background-color: #fff;padding:2%;margin-bottom: 50px;}
.NewsList li .img{float: left;width: 311px;}
.NewsList li .text{margin-left: 344px;}
.NewsList li .text .h3 b{font-weight:normal}
.NewsList li .h3{font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 3% 0;}
.NewsList li .h3 a{color: #555555;line-height: 1em;}
.NewsList li .p{font-size: 14px;color: #999;line-height: 27px;max-height: 81px;overflow: hidden; margin-bottom: 4%;}
.NewsList li .btn_more{display: block;width: 124px;height: 33px;line-height: 33px;text-align: center;background-color: #33c2a5;font-size: 14px;color: #fefefe;border-radius: 15px;}

.NewsShow{padding-bottom: 50px;}
.NewsShow .NsTop{text-align: center;border-bottom: 1px dashed #d8d8d8;margin-bottom: 30px;padding-bottom: 10px;padding-top: 50px;}
.NewsShow .NsTop .h3{font-size: 20px;padding-bottom: 10px;}
.NewsShow .NsTop span{color: #a5a5a5;font-size: 14px;}

.NewsShow .SinglePage .img{margin-bottom: 36px;}
.NewsShow .SinglePage .p{font-size: 14px;color: #464645;line-height: 24px;margin-bottom: 24px;}
.NewsShow .SinglePage .p2{margin-bottom: 20px;}
.NewsShow .SinglePage .p .dot{float: left;font-size: 12px;line-height: 24px;}
.NewsShow .SinglePage .p .b{margin-left: 14px;display: block;}
/*新闻列表 end*/

.contactTel{ background:url(../images/telico.png) center left no-repeat; line-height:38px; font-size:18px; float:left; width:300px; padding-left:50px;}
.contactMes{ background:url(../images/emessIco.png)  center left no-repeat; line-height:76px; font-size:18px; float:left; width:350px; padding-left:50px; height:76px;}
.contactAdd{ background:url(../images/appico.png) center left no-repeat; line-height:76px; font-size:18px; float:left;width:400px; padding-left:50px; height:76px;}

.contantbox{ margin:65px 0px;}
.text-center{    text-align: center;}
.text-right{ text-align:right}

                         
 .msg-53802 .form-m1 .form-m1-btn button,.main_content .msg-53803 .form-m1 .form-m1-btn button{width:120px;height:32px; line-height: 32px; border-radius: 0;font-size:15px; padding:0;border: none;}
 .msg-53802 .form-m1 .form-m1-btn ._submit,.main_content .msg-53803 .form-m1 .form-m1-btn ._submit{background:#f37020;}

.msg-53802 .form-m1 .form-m1-Left,.msg-53802 .form-m1 .form-m1-right,.msg-53803 .form-m1 .form-m1-Left,.msg-53803 .form-m1 .form-m1-right{width:48%!important;}
.msg-53802 .form-m1 .form-m1-li,.msg-53803 .form-m1 .form-m1-li{background: #f7f7f7;padding: 10px 2%;margin-bottom: 15px; position:relative;}
.msg-53802 label{    font-weight: 500;}
.msg-53802 .form-m1 .form-m1-li input,.msg-53803 .form-m1 .form-m1-li input{width: 82%!important; background: transparent;border: none!important;}
.msg-53802 .form-m1 .form-m1-li textarea,.msg-53803 .form-m1 .form-m1-li textarea{width:85%!important;border: none!important;background: transparent;height: 240px;}
.msg-53802 .form-m1 .form-m1-li input._yzm,.msg-53803 .form-m1 .form-m1-li input._yzm{width:20%!important;}
.msg-53802 .form-m1 .form-m1-li .Validform_wrong,.msg-53803 .form-m1 .form-m1-li .Validform_wrong{position: absolute;right: 7%;top: 13px;}
.form-m1-Left{ float:left}
.form-m1-right{ float:right;}

._submit{ width:260px; margin:0px auto; height:55px; line-height:55px; text-align:center; font-size:28px; border-radius:22px; font-weight:bold; border:#33c2a5; background:#33c2a5; color:#fff}
 .msg-53802 input { height:35px}
.m1500 .Featuresbox:nth-child(5){ margin-right:0px;}